<script setup lang="ts">
import { ref } from 'vue';
import SonCom from './components/SonCom.vue';
const fName=ref('jack')
const fAge=ref(10)

const sonColl=(ageNum:number)=>{
  console.log('子组件，触发了，change-age事件')
  console.log('改变的年龄是',ageNum)
  // 父组件接收传递过来的数据，并修改
  // 修改之后会重新传递给子组件
  fAge.value=ageNum
}
</script>

<template>
  <h2>我是父组件</h2>
  <SonCom :name="fName" :age="fAge" @change-age="sonColl" ></SonCom>
</template>

<style scoped>
</style>
